import React, { Component } from 'react'
import ComE from './ComE'

export default class ComD extends Component {
    // 在构造函数中如果需要props, 就通过传参完成
    constructor(props){
        super(props);
        this.state = {
            age:18,
            name: 'Tom',
            job: 'student',
            arr:[1,2,3,4],
            obj: {
                time: '1018',
            }
        }
        console.log("ComD: ",this.props);
    }
    // 父组件传给子组件的函数
    post(val,el){
        console.log('子传父的数据:', val,el);
        console.log(this);
    }
    render() {
        // 父传子 通过子组件标签属性传值
        console.log("ComD: ",this.props);
        return (
            <div>
                <p>我是ComD</p>
                <ComE 
                    {...this.state}
                    fn={(val,e) => this.post(val,e)}
                    > 
                </ComE>
                {/* 上面是简写, 适用于将state中所有的全部传给子组件 */}

                {/* <ComE 
                    age={this.state.age}
                    name={this.state.name}
                    job={this.state.job}
                    > 
                </ComE> */}
            </div>
        )
    }
}
